<div class="order-abandon-hook">
    <div class="title">
        当前位置：工单管理&nbsp;->&nbsp;<span class="active">工单处理</span>
    </div>
    <div class="detail-header fr">
        <h3 class="choice">工单处理</h3>
    </div>
    <div class="inner-wrapper">
        <div class="row odd" style="border-radius: 5px;">
            <div class="col-sm-6">
                <label class="control-label">工单名称</label>
                <p class="form-control-static" v-text="account.companyName"></p>
            </div>
            <div class="col-sm-6">
                <label class="control-label">工单编号</label>
                <p class="form-control-static" v-text="account.roleName"></p>
            </div>
        </div>
        <div class="row dual">
            <div class="col-sm-6">
                <label class="control-label">单灯名称</label>
                <p class="form-control-static" v-text="account.email"></p>
            </div>
            <div class="col-sm-6">
                <label class="control-label">单灯编号</label>
                <p class="form-control-static" v-text="account.userName"></p>
            </div>
        </div>
        <div class="row odd">
            <div class="col-sm-6">
                <label class="control-label">&nbsp;&nbsp;&nbsp;&nbsp;创建人</label>
                <p class="form-control-static" v-text="account.mobile"></p>
            </div>
            <div class="col-sm-6">
                <label class="control-label">下单时间</label>
                <p class="form-control-static" v-text="account.mobile"></p>
            </div>
        </div>
        <div class="row dual">
            <div class="col-sm-6">
                <label class="control-label">故障来源</label>
                <p class="form-control-static" v-text="account.email"></p>
            </div>
            <div class="col-sm-6">
                <label class="control-label">故障类型</label>
                <p class="form-control-static" v-text="account.userName"></p>
            </div>
        </div>
        <div class="row odd">
            <div class="col-sm-12">
                <label class="control-label">灯盏序号</label>
                <p class="form-control-static" v-text="account.genderText"></p>
            </div>
        </div>
        <div class="row dual">
            <div class="col-sm-12">
                <label class="control-label">故障描述</label>
                <p class="form-control-static" v-text="account.genderText"></p>
            </div>
        </div>
        <div id="order_detail_bottom1" style="border-top: dashed 1px;padding: 30px 20px;margin-top: 30px">
            <div class="sign" style="width: 100%;height: 240px">
                <div class="active_left" style="display: inline-block;text-align: center;width: 10%;height: 200px;vertical-align: top">
                    <div v-text="" style="font-size: 20px;margin-top: 80px">废弃</div>
                </div>
                <div class="active_middle" style="display: inline-block;width: 10%;height: 200px;vertical-align: top"></div>
                <div class="active_right" style="display: inline-block;width: 60%;;vertical-align: top">
                    <div class="row">
                        <div class="detail-header fr abandon_active" style="background-color: #F9F9F9; height: 200px">
                            <div class="div" style="margin-top: 10px">
                                <span class="search-label">废弃意见：</span>
                                <textarea class="form_control" name="remark" maxlength="500" placeholder="废弃意见建议" style="width: 550px;height: 100px"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="edit_submit1" class="noprint form-center">
                <button class="default_btn" @click.stop="noEdit">取消</button>
                <button class="primary_btn" @click.stop="abandon">废弃</button>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="js/back/workorder/order/order-detail.js" custom></script>
<style>
    .detail-header .div{margin-left: 20px;margin-top: 10px}
    .active_right .row{border-bottom:2px dotted #F9F9F9;height: 200px;}
    .abandon_active{
        width: 700px;
        position: absolute;
        margin-left: 20px;
    }
    .abandon_active:before{
        content: '';
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-right-color: #F9F9F9;
        position: absolute;
        left: -20px;
        top: 40%;
    }
</style>